import styles from './AllData.less';
import { Component } from 'react';
import { connect } from 'dva';
import ChartBox from '../../components/DataCenter/ChartBox';

import FollowupStastic from '../../components/DataCenter/FollowupStastic';
import AreaPackStastic from '../../components/DataCenter/AreaPackStastic';
import DrugCountStastic from '../../components/DataCenter/DrugCountStastic';
import PropertyForm from '../../components/DataCenter/PropertyForm';
import UserImage from '../../components/DataCenter/UserImage';
import PrescriptionStatistic from '../../components/DataCenter/PrescriptionStatistic';
import AreaDataStatistic from '../../components/DataCenter/AreaDataStatistic';
import AllDataMap from '../../components/DataCenter/AllDataMap';

import header from '../../assets/imags/alldata/top_bg.png';

import { Form } from 'antd';

@Form.create()
export default class AllData extends Component {
  render() {
    return (
      <div className={styles.container}>
        <div className={styles.dataHeader} />

        <div className={styles.datacontainer}>
          <div className={styles.fcolstyle}>
            <div className={styles.sigalrow}>
              <FollowupStastic />
            </div>
            <div className={styles.sigalrow}>
              <AreaPackStastic />
            </div>
            <div className={styles.sigalrow}>
              <DrugCountStastic />
            </div>
          </div>
          <div className={styles.mcolstyle}>
            <div className={styles.tworow}>
              <AllDataMap />
            </div>
            <div className={styles.sigalrow}>
              <PropertyForm />
            </div>
          </div>
          <div className={styles.lcolstyle}>
            <div className={styles.sigalrow}>
              <UserImage />
            </div>
            <div className={styles.sigalrow}>
              <PrescriptionStatistic />
            </div>
            <div className={styles.sigalrow}>
              <AreaDataStatistic />
            </div>
          </div>
        </div>
      </div>
    );
  }
}
